<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
<title></title>
{include file="common/pub_style" /}
<link rel="stylesheet" href="__PLUGIN__/swiper/swiper-3.4.2.min.css" />
<script type="text/javascript" src="__PLUGIN__/swiper/swiper-3.4.2.min.js"></script>
<style type="text/css">
.cate .item {padding: 10px;	flex: 1}
.cate .icon {width: 60px;	margin: 0 auto;}
.list-coin {padding: 10px; border-top: 3px solid #ededed;}
.list-coin .hd {padding:10px; color: #7f7f7f}
.list-coin .item {border-bottom: 1px solid #efeeee; padding:15px;}
.list-coin .item .t2 {color: #b0b0b0;}
.list-coin .item:LAST-CHILD {border-bottom: 0px;}
.list-coin .item .persent {padding: 6px; color: #fff; border-radius: 4px; background: #00c483; text-align: center;}
.list-coin .item .persent-red {background: #db5656!important}
</style>
<script type="text/javascript">
function getMarket() {
	$.ajax({
	    type: 'post',
	    url: "{:url('Okx/market',array('type'=>1))}",
	    dataType: "json",
	    data: $("form").serialize(),
	    success: function(res) {
	        $(".market").html(res.result);
	    }
	});
}
$(document).ready(function() {
	getMarket();
	var timerId = setInterval(getMarket, 5000); 
})
</script>
</head>
<body>
	<div class="header-wrap">
		<div class="flex flex-between pd10">
			<div></div>
			<div class="">{$Think.lang.quote}</div>
			<div class=""></div>
		</div>
	</div>
	<div style="height: 55px"></div>
	<div class="line"></div>
	<div class="list-coin">
	   <div class="hd flex">
	     <div class="flex-block">{$Think.lang.coin_name}</div>
	     <div class="flex-block tr">{$Think.lang.coin_price}</div>
	     <!--<div class="flex-block">{$Think.lang.coin_range}</div> -->
	   </div>
	   <div class="bd market">
	 
	   </div>
	</div>
	{include file="common/footer_bar" /}
	{include file="common/footer" /}
</body>
</html>